/* ~~ Top-Bar 導覽 ~~ */
		#top-bar {
					width:auto;
					height:30px;
					background-color:#6E6E6E;
					font-family:'標楷體','Tahoma';
					font-size:1.1em;
					font-weight:bold;
					color:#3333cc;
				}	
		#top-bar ul{
					/* 去除條列符號 */
					list-style-type:none;
					/* 去除UL預設的邊界和留白 */
					margin:0;padding:0;
					/* 區塊元素裡面有浮動元素的話，區塊元素要設overflow:auto，它才會自動依照內容變化大小 */
					overflow:auto;
				}
		#top-bar ul li{
			/* 將LI元素預設的逐行排列，改成向左方浮動排列 */
			float:right;
		}
		#top-bar ul li a{
			/* 這邊也要設float:left，不然沒有設定寬度的情況下，IE6會把它變成600px寬 */
			float:left;
			/* A標籤預設是inline元素，要改變它的大小必須要先改成block元素，改變它的大小是為了加大a:hover感應區，讓它更像按鈕而不是文字連結 */
			display:block;
			/* 我希望高度是30px，但是要減去margin和padding，所以25px才是應該設定的值 */
			height:25px;
			/* 設定左右10px留白，讓按鈕之間有間隔，還有上方5px留白，讓文字水平置中 */
			padding:5px 10px 0 10px;	
			color:#FAFAFA;
			text-decoration:none;
		}

		#top-bar a:active, #top-bar a:hover{
			background:#3333cc;
			color:#efefff;
		}